.selectBox{
    position: relative;
    height: 32px;

    .box{
        font-size: 13px;
        line-height: 17px;
        color: #999999;
        background: #FFFFFF url('../../../assets/dropdown_normal_grey.png') top 7px right 10px no-repeat;
        border: 1px solid #CCCCCC;
        border-radius: 2px;
        width: 318px;
        height: 32px;
        padding: 7px 10px;
        box-sizing: border-box;
        float: left;
        cursor: pointer;
    }

    .box.open{
        background: #FFFFFF url('../../../assets/dropdown_grey_hover.png') top 7px right 10px no-repeat;
        border: 1px solid #0099FF;
    }

    .box.error{
        border: 1px solid #FF3232;
    }

    .box.selected{
        color: #333333;
    }

    .box.disabled{
        background: #f5f5f5 url('../../../assets/dropdown_normal_grey.png') top 7px right 10px no-repeat;
    }

    .hint{
        float: left;
        background-color: #FAECEB;
        padding: 7px 12px;
        font-size: 12px;
        color: #FF3232;
        line-height: 18px;
        margin-left: 12px;
    }

    .checkbox{
        float: left;
        height: 32px;
        width: 100px;
        margin-left: 16px;

        .check{
            margin: 8px 4px 0 0;
            width: 16px;
            height: 16px;
            float: left;
            cursor: pointer;
            background-image: url('../../../assets/Checkbox_unchecked.png');
        }

        .check.choose{
            background-image: url('../../../assets/Checkbox_checked.png');
        }

        .word{
            font-size: 14px;
            line-height: 32px;
            color: #333333;
            float: left;
        }
    }

    .selection{
        position: absolute;
        top: 36px;
        left: 0px;
        width: 318px;
        max-height: 264px;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 8px 0;
        background: #FFFFFF;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);
        z-index: 1;

        &::-webkit-scrollbar{
            width: 0;
        }

        .item{
            background-color: #ffffff;
            width: 100%;
            height: 24px;
            clear: both;
            cursor: pointer;

            .status{
                width: 16px;
                height: 16px;
                margin: 4px 8px 0 12px;
                float: left;
            }

            .status.selected{
                background-image: url('../../../assets/Sure.png');
            }

            .detail{
                font-size: 12px;
                color: #666666;
                line-height: 24px;
                float: left;
            }
        }

        .item:hover{
            background-color: #f2f9ff;
        }
    }
}